<template>
  <div>
    <div
      v-for='(item,index) in comment'
      :key='index'
    >
      <comm :comment='item'></comm>
    </div>
  </div>
</template>
<script>
import comm from '@/components/common/comm'
export default {
  components: {
    comm
  },
  data() {
    return {
      comment: [
        {
          "username": "admin",
          "userimg": "/media/user/0.jpg",
          "content": "评论1",
          "time": null,
          "children": [
            {
              "username": "admin",
              "userimg": "/media/user/0.jpg",
              "content": "评论1-评论1",
              "time": null,
              "children": [
                {
                  "username": "admin",
                  "userimg": "/media/user/0.jpg",
                  "content": "评论1-评论1-评论1",
                  "time": null,
                  "children": []
                }
              ]
            },
            {
              "username": "admin",
              "userimg": "/media/user/0.jpg",
              "content": "评论1-评论2",
              "time": null,
              "children": []
            }
          ]
        }
      ]
    }
  }
}
</script>